<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生打卡区</title>
    <link href="//unpkg.com/layui@2.9.16/dist/css/layui.css" rel="stylesheet">
    <script src="/view/js/jquery.js"></script>
</head>
<body>
<h1 align="center" style="margin: auto;color: #FD482C;font-size: 100px">
    <div id="datetime">

        <script>
            setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
        </script>
    </div>
    <div class="layui-btn-container">
        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="card">打卡打卡打卡打卡</button>
<!--        <button type="button" class="layui-btn layui-btn-disabled layui-btn-radius">禁用按钮</button>-->
    </div>
</h1>
</body>
<script>
    $(()=>{
        $("#card").click(()=>{
            $.get("studentCard",(res)=>{
                if(res.code==200){
                    alert("打卡成功")
                }
            })
        })
    })

</script>
</html>